<div class="page-header">
    <div class="pull-left">
        <h1 class="content-title"><%= __('role.management') %></h1>
        <ul class="fl">
            <li>
                <button class="btn btn-block btn-info newRole"><i class="fui-plus-circle icon-menu"></i></i>
                    <span><%= __('role.newRole') %></span>
                </button>
            </li>
            <li>
                <button class="btn btn-block btn-success roleAccountBtn"><i class="fui-user icon-menu"></i>
                    <span><%= __('role.personnel.roles') %></span>
                </button>
            </li>
        </ul>
    </div>
</div>
<div class="dolphin-col-24 main" id="myContent">
    <div class="row">
        <div class="col-md-8">
            <div id="roleList" class="box-content"></div>
        </div>
        <div class="col-md-4">
            <div id="accountList"></div>
        </div>
    </div>

</div>

<div class="modal" id="role_win">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal"
                        aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
                <span class="modal-title"><%= __('role.maintainence') %></span>
            </div>
            <div class="modal-body">
                <div class="tab-pane">
                    <form class="form-horizontal edit-form">
                        <input type="hidden" class="form-control" name="id">
                        <div class="form-group">
                            <label class="col-md-offset-1 col-md-2 control-label"><%= __('role.name') %></label>
                            <div class="col-md-6">
                                <input class="form-control" name="name" type="text" dol-validate="required">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-md-offset-1 col-md-2 control-label"><%= __('role.code') %></label>
                            <div class="col-md-6">
                                <input class="form-control" name="code" type="text" dol-validate="required">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-md-offset-1 col-md-2 control-label"><%= __('role.authority') %></label>
                            <div class="col-md-6">
                                <select name="_permits" multiple id="permits_select"
                                        style="height: 300px;width: 100%;">
                                    <option class="permitsOpt special _system" value="5:_system:系统管理">系统管理</option>
                                    <option class="permitsOpt system_accountManager"
                                            value="510:system_accountManager:账号管理:user-md">系统管理-账号管理
                                    </option>
                                    <option class="permitsOpt system_roleManager"
                                            value="520:system_roleManager:角色管理:magnet">系统管理-角色管理
                                    </option>
                                    <!--<option class="permitsOpt system_orgManager"-->
                                            <!--value="53:system_orgManager:组织结构:sitemap">系统管理-组织结构-->
                                    <!--</option>-->

                                    <option class="permitsOpt system_architManager"
                                            value="560:system_architManager:架构管理:sitemap:divider">系统管理-架构管理
                                    </option>
                                    <option class="permitsOpt system_channelManager"
                                            value="610:system_channelManager:商户管理:bell:divider">渠道商管理-商户管理
                                    </option>
                                    <option class="permitsOpt system_customerManager"
                                            value="540:system_customerManager:客户管理:trophy">系统管理-客户管理
                                    </option>
                                    <option class="permitsOpt system_groupManager"
                                            value="555:system_groupManager:店组管理:external-link">数据管理-店组管理
                                    </option>
                                    <option class="permitsOpt system_shopManager"
                                            value="541:system_shopManager:门店管理:home">系统管理-门店管理
                                    </option>
                                    <option class="permitsOpt system_shopManager"
                                            value="542:system_shopQuery:门店查询:home">系统管理-门店查询
                                    </option>
                                    <option class="permitsOpt system_deviceList"
                                            value="550:system_deviceList:设备管理:video-camera">系统管理-设备管理
                                    </option>
                                    <option class="permitsOpt system_deviceList"
                                            value="551:system_deviceQuery:设备查询:video-camera">系统管理-设备查询
                                    </option>
                                    <option class="permitsOpt system_enumManager"
                                            value="560:system_enumManager:数据字典:cogs:divider">系统管理-数据字典
                                    </option>
                                    <option class="permitsOpt system_jobManager"
                                            value="560:system_jobManager:定时任务:tasks">系统管理-定时任务
                                    </option>
                                    <option class="permitsOpt system_errorMsgManager"
                                            value="560:system_errorMsgManager:异常消息:volume-up">系统管理-异常消息
                                    </option>

                                    <!--<option class="permitsOpt special _factorage" value="6:_factorage:渠道商管理">渠道商管理</option>

                                    <option class="permitsOpt factorage_bill"
                                            value="620:factorage_bill:返利结算:usd">渠道商管理-返利结算
                                    </option>
                                    <option class="permitsOpt factorage_credit"
                                            value="630:factorage_credit:账款查询:flask">渠道商管理-账款查询
                                    </option>
                                    <option class="permitsOpt factorage_profits"
                                            value="630:factorage_profits:利润查询:bullseye">渠道商管理-利润查询
                                    </option>-->
                                    <!--<option class="permitsOpt special _fico" value="7:_fico:账务管理">账务管理</option>
                                    <option class="permitsOpt fico_topup"
                                            value="710:fico_topup:充值与退款:credit-card">账务管理-充值与退款
                                    </option>
                                    <option class="permitsOpt fico_ficoList"
                                            value="720:fico_ficoList:账务查询:newspaper-o">账务管理-账务查询
                                    </option>-->
                                    <option class="permitsOpt special _report" value="8:_report:统计分析">统计分析</option>
                                    <option class="permitsOpt report_deviceData"
                                            value="810:report_deviceData:设备数据:key">统计分析-设备数据
                                    </option>
                                    <option class="permitsOpt report_shopReport"
                                            value="810:report_shopReport:周报表:file-excel-o">统计分析-周报表
                                    </option>
                                    <option class="permitsOpt report_saleData"
                                            value="820:report_saleData:销售数据:adjust">统计分析-销售数据
                                    </option>
                                    <option class="permitsOpt report_market"
                                            value="830:report_market:市场活动:street-view">统计分析-市场活动
                                    </option>
                                    <option class="permitsOpt report_dataQuery"
                                            value="840:report_dataQuery:客流数据:bars:divider">统计分析-客流数据
                                    </option>
                                    <option class="permitsOpt report_compare"
                                            value="850:report_compare:门店对比:bar-chart">统计分析-门店对比
                                    </option>
                                    <option class="permitsOpt report_dateCompare"
                                            value="851:report_dateCompare:时间对比:line-chart">统计分析-时间对比
                                    </option>
                                    <option class="permitsOpt report_marketAna"
                                            value="860:report_marketAna:活动分析:futbol-o:divider">统计分析-活动分析
                                    </option>
                                    <option class="permitsOpt report_weather"
                                            value="870:report_weather:天气分析:asterisk">统计分析-天气分析
                                    </option>
                                    <option class="permitsOpt report_holiday"
                                            value="880:report_holiday:节假日分析:calendar">统计分析-节假日分析
                                    </option>
                                    <option class="permitsOpt report_street"
                                            value="890:report_street:商圈分析:building">统计分析-商圈分析
                                    </option>
                                    <option class="permitsOpt special _aftersale" value="9:_aftersale:服务支持">服务支持</option>
                                    <option class="permitsOpt special _news" value="99:_news:新闻管理">新闻管理</option>
                                </select>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-primary btn_submit"><%= __('account.save') %></button>
                <button type="button" class="btn btn-default" data-dismiss="modal"><%= __('account.delete') %></button>
            </div>
        </div>
        <!-- /.modal-content -->
    </div>
    <!-- /.modal-dialog -->
</div>

<div class="modal" id="role_relation_win">
    <div class="modal-dialog" style="width: 70%;left: 20%;top: 0;">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal"
                        aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
                <span class="modal-title"><%= __('role.personnel.roles') %></span>
            </div>
            <div class="modal-body">
                <div class="dolphin-row">
                    <div class="dolphin-col-9">
                        <div id="selectedList"></div>
                    </div>
                    <div class="dolphin-col-3" style="margin-top: 50px;">
                        <!--<button class="btn btn-info btn-block selectbtn" change="select" all="true">&lt;&lt;</button>-->
                        <button class="btn btn-info btn-block selectbtn" change="select">&lt;</button>
                        <br/><br/>
                        <button class="btn btn-success btn-block selectbtn" change="unSelect">&gt;</button>
                        <!--<button class="btn btn-success btn-block selectbtn" change="unSelect" all="true">&gt;&gt;</button>-->
                    </div>
                    <div class="dolphin-col-12">
                        <form class="unselect-account-form">
                            <div>
                                <label><%= __('account.accountCode') %>：</label>
                                <input type="text" style="width: 110px;" name="code_like"  placeholder="<%= __('account.fuzzySearchByCode') %>">
                                <label><%= __('account.accountName') %>：</label>
                                <input type="text" style="width: 110px;" name="name_like"  placeholder="<%= __('account.fuzzySearchByName') %>">
                                <button type="button" class="unselect-btn"><%= __('account.search') %></button>
                            </div>
                        </form>
                        <div id="unselectedList"></div>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-primary relation_submit"><%= __('account.save') %></button>
                <button type="button" class="btn btn-default" data-dismiss="modal"><%= __('account.delete') %></button>
            </div>
        </div>
        <!-- /.modal-content -->
    </div>
</div>
<script src="<%= global.config.publicPath %>/bootstrap/multiple-select.js"></script>
<script src="<%= global.config.publicPath %>/page/scripts/<%= path %>.js"></script>
